دکمه عمل شناور (FAB) یک دکمه دایره‌ای است که عملکرد اصلی را در رابط کاربری برنامه شما فعال می‌کند. این صفحه به شما نشان می دهد که چگونه FAB را به طرح خود اضافه کنید، برخی از ظاهر آن را سفارشی کنید و به ضربه زدن دکمه پاسخ دهید.
برای کسب اطلاعات بیشتر در مورد نحوه طراحی یک دکمه اکشن شناور در برنامه خود طبق دستورالعمل‌های طراحی متریال، به دکمه‌ها: دکمه اقدام شناور نیز مراجعه کنید.
شکل 1. یک دکمه عمل شناور
دکمه اکشن شناور را به طرح بندی خود اضافه کنید
کد زیر نشان می دهد که FloatingActionButton چگونه باید در فایل layout شما ظاهر شود:
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:src="@drawable/ic_my_icon"
android:contentDescription="@string/submit"
android:layout_margin="16dp" />
به‌طور پیش‌فرض، FAB با ویژگی colorAccent رنگ می‌شود که می‌توانید با پالت رنگ تم آن را سفارشی کنید .
می‌توانید سایر ویژگی‌های FAB را با استفاده از ویژگی‌های XML یا روش‌های مربوطه، مانند موارد زیر، پیکربندی کنید:
- اندازه FAB با استفاده از ویژگی
app:fabSizeیا متدsetSize(). - رنگ موج دار FAB، با استفاده از ویژگی
app:rippleColorیا متدsetRippleColor(). - نماد FAB با استفاده از ویژگی
android:srcیا متدsetImageDrawable().
به ضربه زدن دکمه پاسخ دهید
سپس می توانید یک View.OnClickListener را برای کنترل ضربه های FAB اعمال کنید. برای مثال، زمانی که کاربر روی FAB ضربه می‌زند، کد زیر یک Snackbar را نمایش می‌دهد:
کاتلین
val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null)
.show()
}
جاوا
FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
}
});
برای اطلاعات بیشتر در مورد قابلیت‌های FAB، به مرجع API FloatingActionButton مراجعه کنید.